<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../../../common/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<sfa:mainTitle></sfa:mainTitle>
		<%@ include file="../../../common/meta.jsp"%>
		<style type="text/css">
.hourDiv {
	height: 35px;
}

.workHour {
	background-color: #CCE8CF;
}

.calendarDiv {
	width: 95px;
	margin: 0px auto;
	float: left;
	height: 20px;
	margin: 2px;
	padding: 2px;
	background: #78D169;
	cursor: pointer;
}

.calendarImg {
	width: 20px;
	height: 20px;
	float: left;
}

.calendarImg img {
	width: 18px;
	height: 18px;
	margin: 0px;
	float: left;
}

.calendarSubject {
	font-size: 14px;
	padding: 2px;
	width: 70px;
	height: 20px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.calendarDivOn {
	background: #60C150;
}
</style>
		<script type="text/javascript">
$(function() {

	$(".calendarDiv").click(function() {
		var obj = $(this);
		var calid = obj.attr("val");
		calid = encodeURIComponent(calid);
		var url = "${path}/routine/calendar/index/content?ID=" + calid;
		location.href = url;
		return false;
	});

});
</script>
	</head>

	<body id="master">
		<sfa:mainHeader></sfa:mainHeader>


		<div class="webpart3 contentarea">
			<div class="webpart-head">
				<div class="webpart-head-item">
					${year}年${month}月${day}日
				</div>
			</div>
			<div class="webpart-main">
				<div class="webpart-main-item" style="padding-top: 12px;">
					<table width="99%" border="0" cellspacing="0" cellpadding="10"
						class="table_list">
						<tr class="tabfooter">
							<td colspan="2" align="right">
								<!--  PAGINATION START  -->
								<div class="pagination">
									<a href='javascript:history.go(-1);'>返回上一页</a>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								</div>
								<!--  PAGINATION END  -->
							</td>
						</tr>
						<c:forEach items='${dayList}' var="day" varStatus="state">
							<tr style="border-bottom: 1px solid #bab9b9;"
								class="datarow <c:if test="${state.index>=3&&state.index<=8}">workHour</c:if>">
								<td style="text-align: right; vertical-align: top; width: 70px;  
								">
									<span style="font-size: 20px;"><c:if
											test="${state.index*2<10}">0</c:if>${state.index*2}</span>
									<span>00</span>
								</td>
								<td>
									<div class="hourDiv">
										<c:forEach items="${day}" var="cal">
											<div class="calendarDiv" val="${cal.id}"
												title="${fn:substringBefore(cal.categories,',')}:${cal.subject}">
												<div class="calendarImg">
													<img
														src="${path }/images/MessageIcon/${urlMap[fn:substringBefore(cal.categories,',')]==null?'000.gif':urlMap[fn:substringBefore(cal.categories,',')]}"></img>
												</div>
												<div class="calendarSubject">
													${cal.subject}
												</div>
											</div>
										</c:forEach>
									</div>
								</td>
							</tr>
						</c:forEach>

						<tr class="tabfooter">
							<td colspan="2" align="right">
								<!--  PAGINATION START  -->
								<div class="pagination">
									<a href='javascript:history.go(-1);'>返回上一页</a>
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								</div>
								<!--  PAGINATION END  -->
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="webpart-foot">
				<div class="webpart-foot-item">
				</div>
			</div>
		</div> 
	<sfa:mainFooter></sfa:mainFooter>
	</body>
</html>
